<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>中科慧联</title>
		<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
		<link rel="shortcut icon" href="img/Title.png">
		<!-- 包含 bootstrap 样式表 -->
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
		<link href="fonts/FontAwesome/font-awesome.css" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
		<link href="css/animate.css" rel="stylesheet">
		<link href="css/bootsnav.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
		<link href="css/overwrite.css" rel="stylesheet">
	    <link href="css/style.css" rel="stylesheet">
	    <link rel="stylesheet" type="text/css" href="css/Tech.css"/>
	    <style>
	    	.navbar.bootsnav ul.nav > li > a{
	    		font-size: 16px;
	    	}
	    </style>
	</head>

	<body>
		
		<!--hedaer 导航-->
		<header class="header" style="padding-top: 10px;">
			<div class="header-wrapper">
				<div class="container">
					<div class="row">
						<!--导航-->
						<nav class="navbar navbar-default navbar-sticky bootsnav">

							<!-- End Top Search -->

							<div class="container">
								<!-- Start Atribute Navigation -->
								<div class="attr-nav">

								</div>
								<!-- End Atribute Navigation -->

								<!-- Start Header Navigation -->
								<div class="navbar-header">
									<img style="width: 90%; padding-top: 5px;"src="img/logo.png" class="img-responsive">
								</div>
								<!-- End Header Navigation -->

								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse" id="navbar-menu">
									<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
										<li>
											<a href="index.html">首页</a>
										</li>
										<li>
											<a href="ProductService.html">产品与服务</a>
										</li>
										<li>
											<a href="Solution.html">解决方案</a>
										</li>
										<li>
											<a href="TechnicalSupport.html">技术支持</a>
											
										</li>
										<li>
											<a href="information.html">资讯中心</a>
										</li>
										<li>
											<a href="AboutUs.html">关于慧联</a>
										</li>
										<li>
											<a href="http://cloud.ic-iot.com/login.html" target="_blank">云&nbsp;平&nbsp;台</a>
										</li>
									</ul>
								</div>
								<!-- /.navbar-collapse -->
							</div>
						</nav>
					</div>
					<!--.row -->
				</div>
			</div>
			<!-- .header-wrapper -->
		</header>
		<!--轮播-->
		<div class="ms-fullscreen-template" id="slider1-wrapper" style="padding-top: 10px;">
			<!-- masterslider -->
			<div class="master-slider ms-skin-default" id="masterslider">

				<div class="ms-slide slide-5" data-delay="10">
					<img class="img-responsive" src="img/01/148.jpg">
				</div>
			</div>
			<!-- 技术支持 -->
			<div class="container-fluid padding-clear">
			    <div class="solution">
			        <div class="page-header text-center">
						<div class="jyTable">
							<div class="clearfix">
								<ul class="title title1 left">
									<li class='cur'>常见问题</li>
									<li>产品问题</li>
									<li>资讯留言</li>
								</ul>
							</div>
							<div class='zong'>
								<div class="list list1">
									<div class="tabCon" >
										<div class="rows">	
								            <div class="span8" style="background:url(img/ps/INTELLIGENT--CONNECTION.png) no-repeat center 0; height: 70px; text-align: center; font-weight: 600; margin-bottom: 30px;">
								            	<img src="img/01/changjian.png" /></br>——&nbsp;常见问题&nbsp;——
								            </div>
								            <div class="rowb" style="background: url(img/01/153.png) no-repeat center; ">
								            	<div class="imgs">
								            		<a href="http://60.205.229.131/upload/doc/%E4%BA%91%E5%B9%B3%E5%8F%B0%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%E4%B9%A6.pdf"><img src="img/01/150.png"/></a>
								            		<a href="http://60.205.229.131/upload/doc/%E5%86%B7%E9%93%BE%E7%AE%A1%E5%AE%B6APP%E8%AF%B4%E6%98%8E%E4%B9%A6.pdf"><img src="img/01/151.png"/></a>
								            		<a href="http://60.205.229.131/upload/doc/GPRS%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E%E4%B9%A6.pdf"><img src="img/01/152.png"/></a>
								            	</div>
								            	<div class="spans">
								            		<span>电脑端云平台使用说明</span>
								            		<span>移动端冷链管家使用说明</span>
								            		<span>设备终端使用说明</span>
								            	</div>
								            </div>
								        </div>
									</div>
									<div class="tabCon" >
										<div class="rows">	
								            <div class="span8" style="background:url(img/ps/INTELLIGENT--CONNECTION.png) no-repeat center 0; height: 70px; text-align: center; font-weight: 600; margin-bottom: 30px;">
								            	<img src="img/01/changjian.png" /></br>——&nbsp;产品问题&nbsp;——
								            </div>
								            <div class="rowb" style="float: left; height: 400px;">
								            	<div style="float: left; width: 425px;">
								            		<h4 style="color: #0644a4;">中科慧联云平台临时登录帐号申请中心</h4>
								            		<h6 style="float: left;">Apply for temporary accounts</h6>
								            		<div style="width: 425px;"><input type="text" style="width: 425px;" name="phoneNum" id="phoneNum"  placeholder="请输入手机号" /></div>
								            		<p style="float: left; color: red;">临时登陆账号为您的手机号,密码默认123456.</p>
								            		<button id="btn_sq" style="width: 423px; border: 1px solid #0644A4; background-color: #0644a4; color: #fff;">申&nbsp;&nbsp;请</button>
								            	</div>
								            	
								            </div>
								            <div style="float: right;"><img src="img/02/logo_00.png"/></div>
								            <div style="margin: 0 auto; width: 300px;padding-top: 50px;"><img src="img/02/right.png"/><a style="padding-left: 10px; color: #0644A4; font-weight: 600;" href="http://cloud.ic-iot.com/login.html">跳转至云平台</a></div>
								            
								        </div>
									</div>
									<div class="tabCon">
										<div class="rows">	
								            <div class="span8" style="background:url(img/ps/INTELLIGENT--CONNECTION.png) no-repeat center 0; height: 70px; text-align: center; font-weight: 600; margin-bottom: 30px;">
								            	<img src="img/01/changjian.png" /></br>——&nbsp;留言资讯&nbsp;——
								            </div>
								            <div class="rowb" style="float: left; width: 1300px; height: 400px;">
								            	<form id="form-add">
									            	<div id="flex">
									            		<div class="flex_left">
									            			<img src="img/03/icon-1460170424927.png"/><input  type="" name="customerName" id="customerName" placeholder="您的姓名" />
										            	</div>
										            	<div class="flex_center">
										            		<img src="img/03/icon-1460170528638.png"/><input type="" name="customerPhone" id="customerPhone" value="" placeholder="您的电话" />
										            	</div>
										            	<div class="flex_right">
										            		<img src="img/03/icon-1460170572720.png"/><input type="" name="customerEmail" id="customerEmail" placeholder="您的邮箱" />
										            	</div>
									            	</div>
									            	<div style="margin: 0 auto; padding-top: 30px;">
									            		
									            		<span style="float: left; margin-left: 60px;"><img src="img/03/icon-1460170721326.png"/></span>
									            		<textarea style="float: left; width: 1140px; height: 110px;" name="messageInfo" id="messageInfo" rows="" placeholder="您的留言" cols=""></textarea>
									            	</div>
									            </form>
								            	<div style="float: left; padding-left: 100px; padding-top: 20px;">
								            		<button id="btn_refer" style="width: 160px; background-color:#fff; border: 1px solid #ccc;">提交</button>
								            	</div>
								            </div>
								        </div>
									</div>
								</div>
							</div>
						</div>
			        </div>
			       
			    </div>
			</div>
		</div>
		
		
				<!--底部-->
		<div class="footer" style="display:flex; justify-content: space-around;">
        	<div>
        		<ul class="foot_ul">
        			<li><img src="img/logo_bot.png"/></li>
        			<li style="padding-top: 10px;">青岛中科慧联信息科技有限公司</li>
        			<li style="padding-top: 10px;">Intelligent IoT System Solutions Provider！</li>
        			<li>智能化物联网系统解决方案提供商</li>
        			<li style="padding-top: 10px;">青岛总部：青岛市高新区智力岛路1号B座25楼</li>
        			<li>北京分部：北京市海淀区中关村东路95号智能化大厦11层</li>
        			<li>Copyright © 2014-2017 | 鲁ICP备17002802号-1</li>
        		</ul>
        	</div>
        	<div>
        		<img style="float: left;padding-top: 30px;" src="img/erweima.png"/>
        		<ul class="footer_ul" style="float: left; padding-top: 10px;">
        			<li style="font-size: 18px;">联系我们</li>
        			<li>公司电话：0532-68013716</li>
        			<li>公司邮箱：company@ic-iot.com</li>
        			<li>技术支持：support@ic-iot.com</li>
        			<li>销售邮箱：sales@ic-iot.com</li>
        		</ul>
        	</div>
	    </div>
		<div class="gototop js-top">
			<a href="https://shop215545486.taobao.com/">
				<i><img style="width: 30px;" src="img/taobao.png"/></i>
			</a>
			<a href="#" id="top_btn">
				<i><img style="width: 30px;" src="img/top.png"/></i>
			</a>
		</div>
		<!-- JavaScript -->
		<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
		<script src="https://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
		<script src="js/bootsnav.js"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
		(function (window, $, undefined) {
		    $.fn.createTab = function (opt) {
		        var def = {
		            activeEvt: 'mouseover',
		            activeCls: 'cur'
		        }
		        $.extend(def, opt);
		        this.each(function () {
		            var $this = $(this);
		            var timer;
		            $this.find('ul.title li').click(def.activeEvt,function(){
		                var index = $(this).index(),
		                    that = $(this);
		                timer = setTimeout(function(){
		                    that.addClass('cur').siblings().removeClass('cur');
		                    $this.find('div.list').animate({marginLeft:-1300*index},'slow');
		                },300);
		            }).mouseout(function(){
		                clearTimeout( timer );
		            })
		        });
		    }
		})(window, jQuery);
		$(function(){
		    $(".jyTable").createTab()
		})
		
		 //表单数据站环卫
		function formToJson(formObj){
			   var o={};
			   var a=formObj.serializeArray();
			   $.each(a, function() {
			       if(this.value){
			           if (o[this.name]) {
			               if (!o[this.name].push) {
			                   o[this.name]=[ o[this.name] ];
			               }
			                   o[this.name].push(this.value || null);
			           }else {
			               if($("[name='"+this.name+"']:checkbox",formObj).length){
			                   o[this.name]=[this.value];
			               }else{
			                   o[this.name]=this.value || null;
			               }
			           }
			       }
			   });
			   return JSON.stringify(o);
		};
		$("#btn_sq").click(function(){
		    var sMobile = document.getElementById('phoneNum').value;
		    if(!(/^1[3,5,7,8]\d{9}$/.test(sMobile))){ 
		        alert('请输入正确的手机号');
		        return false; 
		    } 
			var phoneNum = $("#phoneNum").val();
			$.ajax({
                url : 'http://47.92.38.73:8083/ic-iot/users/test',
                type : 'post',
                async: false,
                data:{
                	phoneNum:phoneNum,
                },
                dataType : 'json',
                success: function (data) {
                        console.log(data);
                        alert(data.description);
                   /* if(data.status === 'success'){
                        var faultSupportId = data.result.faultSupportId;

                        _self.putResolve(faultSupportId);
                    }else{
                        alert(data.description);
                    }*/
                }
            });
		})
		$("#btn_refer").click(function(){
			var customerName = $("#customerName").val();
		    if(customerName == ""){
		    	alert('姓名不能为空');
		        return false; 
		    }
			var sMobile = document.getElementById('customerPhone').value;
		    if(!(/^1[3,5,7,8]\d{9}$/.test(sMobile))){ 
		        alert('请输入正确的手机号');
		        return false; 
		    } 
			var sMobile = document.getElementById('customerEmail').value;
		    if(!(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(sMobile))){ 
		        alert('请输入正确的邮箱');
		        return false; 
		    } 
		    var text = $("#messageInfo").text();
		    if(text == ""){
		    	alert('留言不能为空');
		        return false; 
		    }
		    
			var data = formToJson($("#form-add"));
			$.ajax({
                url : 'http://47.92.38.73:8083/ic-iot/messageBoards',
                type : 'post',
                async: false,
                data:data,
                dataType : 'json',
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                        alert(data.description);
                   /* if(data.status === 'success'){
                        var faultSupportId = data.result.faultSupportId;

                        _self.putResolve(faultSupportId);
                    }else{
                        alert(data.description);
                    }*/
                }
            });
		})
		
		</script>
	</body>
</html>